<template>
	<view class="user">
		<view class="top">
			<image src="/static/logo.png" mode=""></image>
			<view>历史</view>
		</view>
		
		<view class="news_content">
			<view class="row" v-for="item in 10">
				<newsItem :item="{title:'标题2',author:'李四',readCount:3,imgUrl:'/static/logo.png',lookTime:'2025-7-17 20:20'}"  @click.native="newsClick"></newsItem>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			newsClick(){
				console.log("1222")
				uni.navigateTo({
					url:"/pages/index/newsDetail"
				})
			}
		}
	}
</script>

<style lang="scss">
.user{
	.top{
		padding: 50rpx 0;
		background-color: #e2e2e2;
		color:#555;
		text-align: center;//使内容居中
		
		// display: flex;
		// flex-direction: column;//使内容纵向排列
		// justify-content: center;
		// align-items: center;//使内容居中
		
		image{
			width: 150rpx;
			height: 150rpx;
		}
		view{
			font-size: 38rpx;
			padding-top: 20rpx;
		}
	}
	
	.news_content{
		padding-top: 20rpx;
		.row{
			//border:1px dashed gray;
			padding: 10rpx 0;
			margin-bottom: 10rpx;
		}
	}
}
</style>